<script setup lang="ts">
  import DescImage from '@/components/home/DescImage.vue';
  import { IDescImageProps } from '@/components/types';
  import { PropType, ref, Ref } from 'vue';
  import LayoutSeparator from '@/components/home/LayoutSeparator.vue';

  const descImageList = ref([
    {
      desc: 'message.home.plague',
      src: '/plague.jpg',
      isRight: true,
    },
    {
      desc: 'message.home.influenza',
      src: '/influenza.jpg',
      isRight: false,
    },
    {
      desc: 'message.home.coronavirus',
      src: '/coronavirus.jpg',
      isRight: true,
    },
  ]) as Ref<IDescImageProps[]>;
</script>

<template>
  <div class="space-y-10">
    <DescImage :option="descImageList[0]" />
    <LayoutSeparator src="/yaoshui.svg" alt="药水" />
    <DescImage :option="descImageList[1]" />
    <LayoutSeparator src="/wenduji.svg" alt="温度计" />
    <DescImage :option="descImageList[2]" />
  </div>
</template>

<style lang="scss"></style>
